<style>
  .bill-detail-dialog .detail-table {
    overflow: auto;
  }
  
  .bill-detail-dialog .table .thead {
    background-color: #C1E0E6;
  }
  
  .bill-detail-dialog .table .tbody {
    background-color: #EFF4F7;
  }
  
  .bill-detail-dialog .table-bordered>tbody>tr>td,
  .bill-detail-dialog .table-bordered>tbody>tr>th,
  .bill-detail-dialog .table-bordered>tfoot>tr>td,
  .bill-detail-dialog .table-bordered>tfoot>tr>th,
  .bill-detail-dialog .table-bordered>thead>tr>td,
  .bill-detail-dialog .table-bordered>thead>tr>th {
    border: 1px solid #FFFFFF;
  }
</style>
<div ms-controller="billDetail" class="bill-detail-dialog">
  <div class="detail-table">
    <table class="table table-hover table-bordered table-condensed">
      <thead class="thead">
        <tr>
          <th ms-for="columnName in @columnNames" ms-if="columnName!=='操作'&&columnName!=='库存'" ms-text="columnName"></th>
        </tr>
      </thead>
      <tbody class="tbody">
        <tr ms-for="($index,el) in @billDetailList">
          <!-- 过滤掉库存操作 -->
          <td ms-for="valueName in @columnValueNames" ms-if="valueName!=='GoodsCount'" ms-attr="{title:(el[valueName]&&el[valueName].length>15)?el[valueName]:''}"
            ms-text="(el[valueName]&&el[valueName].length>15)?(el[valueName].substring(0,14)+'...'):el[valueName]"></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>